<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 可以通过修改length长度以及索引号增加数组元素
        // 1、通过修改length长度来实现数组扩容的目的（扩容的元素是没有赋值的，会显示undefined）
        // 2、通过修改数组索引的方式追加数组元素
        var arr = ['red', 'green', 'blue'];
        console.log(arr.length); //3
        arr.length = 5; //把数组长度修改为5
        console.log(arr);
        console.log(arr[3]); //undefined
        console.log(arr[4]); //undefined
        arr[3] = 'pink'; //给扩容的元素赋值
        arr[4] = 'hotpink'; //给扩容的元素赋值
        console.log(arr[3]); //pink
        console.log(arr[4]); //hotpink
        arr[0] = 'yellow'; //替换原来的第一个元素
        console.log(arr[0]); //yellow
        console.log(arr); //查看数组里的所有元素
        //['yellow', 'green', 'blue','pink','hotpink']
        arr = '有点意思';
        console.log(arr); //有点意思
        //不要直接给数组名赋值，否则里面的数组元素都没有了
    </script>
</head>

<body>

</body>

</html>